/* rem 适配文件 */

(function (win) {
    var doc = win.document;
    var docEl = doc.documentElement;
    var metaEl = doc.querySelector('meta[name="viewport"]'); // meta viewport 标签
    // console.log(metaEl);
    var devicePixelRatio = win.devicePixelRatio; // 设备像素比 2
    var tid;
    // console.log(devicePixelRatio);
    metaEl.setAttribute("content", "initial-scale=0.5" + ", maximum-scale=0.5" + ", minimum-scale=0.5" + ", user-scalable=no viewport-fit=cover")
    function refreshRem() {
        var width = docEl.getBoundingClientRect().width; // 获取视口宽度
        // console.log(width);
        var ua = navigator.userAgent.toLocaleLowerCase(); // 把 user信息获取到，变成小写
        // console.log(ua);
        // 在ua里面找不到 ipad 的时候执行 // 普通手机的时候执行
        if (!/ipad/.test(ua)) {
            // console.log('11111普通手机');
            if (width / devicePixelRatio > 750) {
                width = 750 * devicePixelRatio
            }
            var rem = width / 10; // 37.5rem
            docEl.style.fontSize = rem + 'px';
        }
    }

    win.addEventListener('resize', function () {
        this.clearTimeout(tid);
        tid = setTimeout(refreshRem, 300);
    }, false);

    // win.addEventListener('resize', function () {
    //     this.clearTimeout(tid);
    //     tid = this.setTimeout(() => {
    //         refreshRem()
    //     }, 300)
    // }, false)


    win.addEventListener('pageshow', function (e) {
        if (e.persisted) {
            this.clearTimeout(tid);
            tid = setTimeout(refreshRem, 300);
        }
    })

})(window);
